<template>
   <div class="song_wrapper">
          <ul class="song_list">
            <li @click="liClick(item.id)" v-for="(item,index) in songList" :key="index">{{item.name}}--{{item.artists[0].name}}</li>
          </ul>
        </div>
</template>

<script>
export default {
   data() {
      return {
         songList:[],  //保存的歌曲列表
      }
   },
   methods: {
      liClick(id){
         //调用父组件的方法,通过实参/形参的方式把当前点击的歌曲的id传给父组件. 
         this.$parent.getSongInfo(id)
      }
   },
}
</script>
   
<style>
  .song_wrapper{
     overflow: auto;
  }
</style>